<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="__UI__/css/bs3/dpl.css" rel="stylesheet" type="text/css" />
<link href="__UI__/css/bs3/bui.css" rel="stylesheet" type="text/css" />
<link href="__UI__/css/style.css" rel="stylesheet" type="text/css" />
<link href="__UI__/uploadify/uploadify.css" rel="stylesheet" type="text/css">
<style type="text/css">

button {
	margin-right:20px;
}

.imageViewTheme .bui-uploader-button-wrap {
	margin-bottom:10px;;
	margin-left:10px;
}

.image{
	float:left;
	width:300px;
	padding:10px auto;
	display:block;
}

.image .photo{
	width:300px;
	height:auto;
	overflow:hidden;
	float:left;
}

.image img{
	display:inline-block;
	width:200px;
	height:auto;
	overflow:hidden;
	float:left;
}

.image .del{
	display:inline-block;
	float:right;
	width:100px;
}

.buttons {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: 20px;
    padding: 4px 12px;
    font-size: 14px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #ffffff;
    background-color: #000000;
    border-color: #cccccc;
}

.btns span{
	display:block;
	margin:5px auto;
}

.selects{
	float:left;
	min-height:100px;
	height:auto;
	overflow:hidden;
}

.selects .lists{
	float:left;
	width:220px;
	height:200px;
}

.selects .direction{
	float:left;
	width:80px;
	height:200px;
}

.selects option {
	height:20px;
	line-height:20px;
	padding:2px;
}

</style>
</head>
<body>
<div class="demo-content" style="margin-top:1%;">
    <div class="row" style="margin-left:10px;">
        <form id="J_Form" action="{:U('Home/Record/repair')}" class="form-horizontal registerform" method="post" enctype="multipart/form-data">
        	<div id="tab" style="margin-left:1%; padding-bottom:20px; padding-top:20px;"></div>
            <div id="panel" class="" style="padding:10px;">
                <input name="uid" type="hidden" value="{:session('gid')}">
                <input name="mid" type="hidden" value="{:session(C('AUTH_KEYS'))}">
                <div class="control-group">
					<label class="control-label"><s>*</s>演练名称</label>
					<div class="controls">
						<input type="text" name="scriptsname" id="scriptsname" datatype="*" nullmsg="请输入演练名称！" data-tip="{text:'请输入演练名称'}" style="width:600px;" />
					</div>
				</div>
                <div class="control-group">
					<label class="control-label"><s>*</s>演练范围</label>
					<div class="controls" style="margin-bottom:80px;">
						<textarea name="range" id="range" datatype="*" nullmsg="请输入演练范围！" data-tip="{text:'请输入演练范围'}" style="width:600px; height:100px;"></textarea>
					</div>
				</div>
                <div class="control-group">
					<label class="control-label">灾害介绍</label>
					<div class="controls" style="margin-bottom:80px;">
						<textarea name="brief" id="brief" style="width:600px; height:100px;"></textarea>
					</div>
				</div>
                <div class="control-group" style="margin-bottom:20px;">
					<label class="control-label" style="margin-right:10px;"><s></s>多媒体文件</label>
                    <div class="controls" style="height:auto;">
                    	<input id="media" type="file" multiple>
					</div>
                    <div class="controls" style="height:auto;">
                    	<div id="image" class="image"></div>
					</div>
				</div>
                <div class="control-group">
					<label class="control-label">演练目标</label>
					<div class="controls" style="margin-bottom:80px;">
						<textarea name="goal" id="goal" style="width:600px; height:100px;"></textarea>
					</div>
				</div>

                <div class="control-group" style="margin-bottom:20px;">
					<label class="control-label"><s>*</s>参与部门</label>
                    <div class="selects">
                        <div class="lists" style="margin-left:10px;">
                            <select name="left" id="department" multiple="multiple" onchange="selected(this)" style="height:200px;width:200px;">
                                <volist name="department" id="vo">  
									<option value="{$vo.title}">{$vo.title}</option>
								</volist>
                            </select>
                        </div>
                    </div>
				</div>
                <div class="control-group">
					<label class="control-label">演练规则</label>
					<div class="controls" style="margin-bottom:80px;">
						<textarea name="rules" id="rules" class="input-large" style="width:600px; height:100px;"></textarea>
					</div>
				</div>
                
                <div class="control-group">
					<label class="control-label"><s>*</s>场景名称</label>
					<div class="controls">
						<input type="text" name="scenename" id="scenename" datatype="*" nullmsg="请输入场景名称！" data-tip="{text:'请输入场景名称'}" style="width:600px;" value="{$info.scenename}" />
					</div>
				</div>
                <div class="control-group">
					<label class="control-label"><s>*</s>场景说明</label>
					<div class="controls" style="margin-bottom:80px;">
						<textarea name="brief" id="brief" datatype="*" nullmsg="请输入场景说明！" data-tip="{text:'请输入场景说明'}" style="width:600px; height:100px;">{$info.brief}</textarea>
					</div>
				</div>
                <div class="control-group">
					<label class="control-label">响应提示</label>
                    <div class="controls" style="height:auto; overflow:hidden">
                       <div id="InputsWrapper">  
                            <volist name="hint" id="v">
							<div style="margin:5px auto">
                                <input type="text" name="hint[]" id="field_{$k}" value="{$v}" style="width:510px;"/>
                                &nbsp;&nbsp;&nbsp;<span class="buttons button-inverse removeclass">删除提示</span>
                            </div>
							</volist>
                        </div>
					</div>
				</div>
                <div class="row actions-bar">
                	<span id="msgdemo2"></span>
                    <div class="form-actions span13 offset3">
                        <button type="submit" class="button button-primary">保存</button>
                        <button type="reset" class="button">重置</button>
                        <button type="button" class="button button-info" name="backid" id="backid">返回</button>
                    </div>
            	</div>           
            </div>
        </form>
    </div>
</div>
</body>
</html>